<template>
  <div class="secondhand">
    <ul>
      <li @click="navlink('/pages/secondhand/sell/index')">
        <div>
          <span>
            <img
              src="https://images.tengfangyun.com/images/icon/ershoufang.png?x-oss-process=style/w_220"
              alt=""
            />
          </span>
          <span>
            <span>二手房出售</span>
            <span>发布二手房出售信息</span>
          </span>
        </div>
        <div>></div>
      </li>
      <li @click="navlink('/pages/secondhand/rent/index')">
        <div>
          <span>
            <img
              src="https://images.tengfangyun.com/images/icon/zufang.png?x-oss-process=style/w_220"
              alt=""
            />
          </span>
          <span>
            <span>有房出租</span>
            <span>发布房源出租信息</span>
          </span>
        </div>
        <div>></div>
      </li>
      <li @click="navlink('/pages/secondhand/purchase/index')">
        <div>
          <span>
            <img
              src="https://images.tengfangyun.com/images/icon/qiugou.png?x-oss-process=style/w_220"
              alt=""
            />
          </span>
          <span>
            <span>我想买个房子</span>
            <span>发布求租意向信息</span>
          </span>
        </div>
        <div>></div>
      </li>
      <li @click="navlink('/pages/secondhand/renting/index')">
        <div>
          <span>
            <img
              src="https://images.tengfangyun.com/images/icon/qiuzu.png?x-oss-process=style/w_220"
              alt=""
            />
          </span>
          <span>
            <span>我想租个房子</span>
            <span>发布求租意向信息</span>
          </span>
        </div>
        <div>></div>
      </li>
      <li @click="navlink('/pages/home/Broker/Broker')">
        <div>
          <span>
            <img
              src="https://images.tengfangyun.com/images/icon/xinfang.png?x-oss-process=style/w_220"
              alt=""
            />
          </span>
          <span>
            <span>买房子 职业顾问帮你忙</span>
            <span>提交购房意向买房顾问全程带看</span>
          </span>
        </div>
        <div>></div>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  methods: {
    navlink(path) {
      console.log(path);
      wx.navigateTo({
        url: path,
      });
    },
  },
};
</script>

<style lang="scss" scoped>
.secondhand {
  width: 100%;
  height: 100%;
  ul {
    width: 90%;
    margin: 0 auto;
    li {
      padding: 20rpx 0;
      display: flex;
      align-items: center;
      justify-content: space-between;
      img {
        width: 90rpx;
        height: 90rpx;
        margin-right: 20rpx;
      }
      div {
        display: flex;
        align-items: center;
        > span:nth-child(2) {
          display: flex;
          flex-direction: column;
          span {
            display: inline-block;
            padding: 5rpx 0;
          }
          > span:nth-child(2) {
            font-size: 25rpx;
            color: #999999;
          }
        }
      }
      div:nth-child(2) {
        color: #999999;
      }
    }
  }
}
</style>